<template>
  <div>
    {{input1}}
    <input class="num-input-1" type="text" v-model="input1" v-num-keyboard:bottom>
    <input class="num-input-1" type="text" v-num-keyboard:left>
  </div>
</template>

<script>

export default {
  name: 'App',
  data () {
    return {
      input1: '111'
    }
  }
}
</script>

<style lang="less">
@import "~@/assets/vendor-prefixes.less";
@import "~@/assets/normalize.less";
input{
  width: 400px;
}
.num-input-1{
  position: relative;
  left: 500px;
  top: 300px;
}
.num-input-2{
  position: relative;
  left: 500px;
  top: 200px;
}
</style>
